<template>
  <!-- <div>
    <li class="item">{{item}}</li>
</div> -->
  <div>
    <li class="item">
        <input type="checkbox" v-model="checked"/>
      <slot name="slot" v-bind="{checked}"></slot>
    </li>
  </div>
</template>
<script>
export default {
  props: ["item"],
  data(){
      return {
          checked:false
      }
  }
};
</script>

<style scoped>
.item {
  color: red;
}
</style>